<!DOCTYPE HTML>
<title>test for system metric media queries</title>
<style>

p { color: red; }

/* Exactly one of the next two should apply */

@media all and (-moz-scrollbar-end-backward) {
  p:-moz-system-metric(scrollbar-end-backward) { color: green; }
}

@media not all and (-moz-scrollbar-end-backward) {
  p:not(:-moz-system-metric(scrollbar-end-backward)) { color: green; }
}

/* Neither of these should apply */

@media not all and (-moz-scrollbar-end-backward) {
  p:-moz-system-metric(scrollbar-end-backward) { color: red; }
}

@media all and (-moz-scrollbar-end-backward) {
  p:not(:-moz-system-metric(scrollbar-end-backward)) { color: red; }
}

</style>
<p>This text should be green.</p>
